/* Stylesheets for include Sidebar
––––––––––––––––––––––––––––––––––––––––––––––––––  */

.sidebar{
  background-color: transparent;
  max-height: 720px;
  border-bottom-left-radius: 30px;

  *{
    ul{
      list-style: none;
    }
    a{
      &:hover, &:focus, &:active{
        text-decoration: none;
        outline: none;
      }
    }
  }

  &__bg{
    @if $sidebar__bg-enable == true {
      background-color: $sidebar__bg;
    }
  }

  &__title{
    font-family: $font-family__secondary;
    color: $sidebar__title-color;
    &:hover{
      color: inherit;
    }
    @media (min-width: 768px) {
      text-align: center;
    }
  }

  &__img{
    img{
      @if $sidebar__img-rounded == "circle" {
        border-radius: 50%;
      }
      -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
      box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
      background-color: $sidebar__img-bg;
    }
  }

  &__menu{
    font-weight: $font-weight__sidebar-menu;
    font-size: $font-size__sidebar-menu;
    &-item{
      &__link{
        text-decoration: $sidebar__menu-decoration;
        &:hover{
          color: $sidebar__menu-hover-color;
          text-decoration: $sidebar__menu-hover-decoration !important;
        }
      }
    }
  }

  &__socials{
    &-item{
      float: left;
    }
    &-link{
      font-size: 1.4rem;
      &:hover{
        color: inherit;
      }
    }
  }

}
